<template>
  <div style="height:100%">
    <div style="height:100%">
      <div style="color:#fff;font-size:1.6rem;margin-bottom:6.5%">实名统计<span style="font-size:1rem">（在场）</span></div>
      <div class="content flexStart">
        <div class="contentPart">
          <div class="flexCenter" style="color:#5CFFFF;font-weight: bold;font-family:Agency-FB">
            <div style="font-size:8rem;margin-right:0.5rem">{{realNameStatistics.realNamePersonTotal}}</div>
            <div style="font-size:2.5rem">人</div>
          </div>
          <div style="font-size: 2.3rem;font-weight: bold;color: #82ACFF;text-align:center">已实名人数</div>
        </div>
        <div class="contentPart" style="margin-right:0">
            <div class="flexCenter" style="color:#5CFFFF;font-weight: bold;font-family:Agency-FB">
            <div style="font-size:8rem;margin-right:0.5rem">{{realNameStatistics.faceCollectionTotal}}</div>
            <div style="font-size:2.5rem">人</div>
          </div>
          <div style="font-size: 2.3rem;font-weight: bold;color: #82ACFF;text-align:center">人脸已采集</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props:['realNameStatistics'],
  watch: {
    realNameStatistics:{
      handler(val,oldVal){

      },
       immediate: true
    }
  }
}
</script>

<style scoped>
.contentPart{
    flex: 1;
    background: url('../../../../../assets/img/laborDataCenter/tjBottom.png') no-repeat 0 8.3rem;
    background-size: 100%;
    margin-right: 1.9rem;
    text-align: center;
}
.flexCenter{
    align-items: baseline;
}
</style>